<script setup>
import { ElMessage } from 'element-plus'
const open = () => {
    ElMessage({
        // type为提示框颜色
        message: '消息',
        type: 'success'
    })
}
const open1 = () => {

    ElMessage({
        // dangerouslyUseHTMLString这个属性用来设置message可以为标签属性
        // customClass设置提示框类名
        // duration设置显示时间 0秒为不会自动消失
        // showClose显示关闭按钮
        // onClose为消息框消失触发的事件
        // offset为消息出现的位置
        // repeatNum为默认几条消息，消息框右上角会有这个数字,1为默认
        // plain为是否为纯色
        // icon后面的是图标
        // appendTo为消息框的根元素
        message: '<span>123</span>',
        dangerouslyUseHTMLString: true,
        type: 'warning',
        customClass: 'name',
        duration: 1000,
        showClose: true,
        onClose: () => console.log(2),
        offset: 300,
        grouping: false,
        repeatNum: 1,
        plain: false,
        icon: 'FolderChecked',
        appendTo: document.body
    })
}
const open2 = () => {

}
</script>
<template>
    <el-button :plain="true" @click="open">
        open
    </el-button>
    <el-button @click="open1">
        open1
    </el-button>
    <el-button @click="open2">
        open2
    </el-button>
</template>
